<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="__PUBLIC__/js/jquery-1.11.1.min.js"></script>
<title>index-Ajax</title>
</head>

<body>
<div id="liwentao">背景变红</div>
<p></p>
<button id="submit_font">提交</button>
<script src="__PUBLIC__/js/jquery-1.11.1.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){

 $.ajax(
    {
        type: 'get',
        url: '/index.php/Home/Ajax/Index',
        cache:false,
        dataType: 'json',
        data: {'src':'1323213',"uid": '546546'},
        async: false,
        beforeSend:function()
        {//触发ajax请求开始时执行
            $("p").append("--马上提交--");
        },                
        success: function (msg, textStatus) 
        {//有数据返回时
            alert(msg);
			if(msg.result==1)
            {
				$("p").append("--提交成功");
            }
            else
            {
               $("p").append("--提交成功--判断");               
            }
        },
        error:function (textStatus) 
        {//网络繁忙 错误
           $("p").append("--网络繁忙--错");                  
        },
        complete: function(msg, textStatus)
        { //ajax请求完成时执行                 
            if(msg.result==1)
            {
               $("p").append("--请求完成时执行--");   
            }
        }                
    });   




});
</script>
</body>
</html>
 